Lookin' Foxy.

Designer's Comments

Look carefully for specific instructions

'Tis my first website layout on CB. I've been addicted to making these things lately. They're so much more simple than Myspace layouts, and I don't have to worry about having to update the codes every other week.

Visit my website to see more.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Site Title Here;</title>
<style type="text/css">
body{
background-color:#60b99a;
background-image:url(http://www.atomicaffliction.com/images/templates/6b.gif);
background-position:top;
font-family:trebuchet ms;
background-repeat:repeat;
font-size:11px;
line-height:15px;
text-align:justify;
}

#container{
width:589px;
position:absolute;
left:50%;
margin-left:-300px;
top:100px;
background-color:transparent;
}

.navigation{
width:589px;
height:59px;
border:none;
background-image:url(http://cbimg6.com/layouts/09/11/35974ab.png);
background-color:transparent;
background-position:top center;
background-repeat:no-repeat;
padding:0px; 
margin:0px;
}

.main{
width:559px;
_width:589px;
background-color:#ffffff;
padding:15px;
border-top:8px solid #d3ce3d;
border-bottom:8px solid #d3ce3d;
}

.footer{
width:569px;
_width:589px;
background-color:#554236;
repeat:no-repeat;
text-align:center;
padding:10px;
border:none;
color:#ffffff;
}

table, td{padding:0px; margin:0px;}

a.nav, a.nav:active, a.nav:visited, a.nav:link{
display:block;
width:100%;
text-align:center;
color:#ffffff;
background-color:transparent;
text-decoration:none;
font-family:trebuchet ms;
text-transform:lowercase;
font-size:10px;
font-weight:bold;
padding-top:25px;
margin:0px;
}

a.nav:hover{
display:block;
width:100%;
text-align:center;
color:#f77825;
background-color:transparent;
text-decoration:none;
font-family:trebuchet ms;
text-transform:lowercase;
font-size:10px;
font-weight:bold;
padding-top:25px;
margin:0px;
}

a, a:active, a:visited, a:link{
color:#f77825;
text-decoration:none;
}

a:hover{
color:#60b99a;
text-decoration:none;
}

b{
color:#d3ce3d;
text-decoration:none;
text-transform:uppercase;
}

i{
color:#60b99a;
}

u{
border-bottom:1px dotted #f77825;
text-decoration:none;
}

h1{
font-family:trebuchet ms;
font-size:20px;
text-align:center;
font-weight:bold;
letter-spacing:-1px;
color:#f77825;
text-transform:lowercase;
margin-bottom:10px;
margin-top:0px;
}

</style>
</head>

<body>

<div class="main">
<h1>website title</h1>
This layout was designed on November 21, 2009. It was made for those of you who like to keep it simple but still want a little more pizzaz than that of my basic templates. You may change up the colors if you wish, but be aware that the background of the links is an image and cannot be editted in the CSS.<br><br>

<b>Bold.</b> <i>Italic.</i> <u>Underlined.</u> <a href="http://www.atomicaffliction.com" target="new">Link.</a><br><br>

Remember to exercise caution when editting the stylesheet. If you're not experienced with CSS or HTML, something can go haywire. Don't hesitate to contact me if you run into a bit of trouble with this layout. I'd be more than happy to help. :)
</div>

<div class="footer">
copyright your site 2009 - <a href="http://www.atomicaffliction.com" target="new">stylesheet credit</a>
</div>

</div>

</body>
</html>